<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../主页/font/iconfont.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="top container clearfix">
            <!-- 左侧log -->
            <div class="leftlog">
                <span class="iconfont icon-xiongmao"></span>
                <h5>熊猫优选</h5>
                <h6>XIONG MAO YOU XUAN</h6>
            </div>
            <!-- 搜索框 -->
            <div class="sousuo">
                <span class="iconfont icon-sousuo"></span>
                <input type="text" placeholder="搜索商品，发现更多优惠">
                <div>搜索</div>
            </div>
            <!-- 右侧图标 -->
            <div class="rightnav">
                <ul>
                    <li>
                        <span class="iconfont icon-wenjianjia"></span>
                        <div>全程包邮</div>
                    </li>
                    <li>
                        <span class="iconfont icon-qian"></span>
                        <div>7天退换</div>
                    </li>
                    <li>
                        <span class="iconfont icon-duigou"></span>
                        <div>品质保证</div>
                    </li>
                </ul>

            </div>
        </div>
    </header>
    <!-- 内容 -->
    <main>
        <div class="nav clearfix">
            <div class="container">
                <ul>
                    <li class="firstli">首页</li>
                    <li>9块9包邮</li>
                    <li>超值大额卷</li>
                    <li>降温急救穿搭</li>
                </ul>
            </div>
        </div>
        <!-- 渲染内容 -->
        <div class="fenye container clearfix">
            <ul>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
                <li><span class="iconfont icon-nvzhuangneiyi">&ensp;&ensp;<div>女装</div>/<div>女鞋</div></span></li>
            </ul>
            <div class="erji">
                <h5>女装</h5>
                <span>
                    <a href="">衬衫</a>
                    <a href="">裤装</a>
                </span>

                <h5>女鞋</h5>
                <span>
                    <a href="">帆布鞋
                    </a>
                    <a href="">高跟鞋</a>
                    <a href="">单鞋</a>
                    <a href="">小白鞋</a>
                    <a href="">运动鞋</a>
                </span>
            </div> -->
            <!-- 轮播 -->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                    <div class="swiper-slide"></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev"></div>
                <div class="swiper-button-next"></div>

            </div>
            <img src="./img/1.png" alt="" class="firstimg">
            <div class="bootomimg clearfix">
                <img src="./img/2.png" alt="">
                <img src="./img/3.png" alt="">
                <img src="./img/4.png" alt="">
            </div>
            <!-- 9.9包邮 -->
            <!-- <div class="  container jiudiv ">9块9专区  </div>
              <ul class="jiu">
                  <li>精选</li>
                  <li>美妆护肤</li>
                  <li>服装配饰</li>
                  <li>手机数码</li>
                  <li>日用家居</li>
                  <li>文娱体育</li>
                  <li>食品</li>
                  <li>个人护理</li>
              </ul> -->
        </div>
        <!-- 小编精选 -->
        <div class="xiaobian container clearfix">
            <ul>
                <li>小编精选</li>
                <li>每天更新</li>
            </ul>
        </div>
        <!-- 商品列表 -->
        <div class="prolist container clearfix">
            <ul>

            </ul>
        </div>
        <!-- 查看更多-->
        <div class="chakan">查看更多</div>
        <p class="chakanp">真的一点也不剩了!</p>
    </main>
    <!-- 底部 -->
    <footer>
        <div class="container clearfix">
            <span class="iconfont icon-xiongmao"></span>
            <div>
                <h5>熊猫优选</h5>
                <p>年轻人网购首选购物领券更省钱</p>
            </div>
            <div>
                下载app
            </div>

        </div>
        <ul>
            <li>浙公安网备案 33010602009949号</li>
            <li> ICP备案号: 浙ICP备17012864号-1</li>
            <li>证照信息</li>
        </ul>
    </footer>
    <!-- 返回顶部 -->
    <div class="iconfont icon-huidaodingbu1">

    </div>

    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/util.js"></script>
    <script src="./js/index.js"></script>

</body>

</html>